<template>
  <div class="left">
    <transition name="el-zoom-in-center">
      <equipmentFilter v-if="isShowLeft"></equipmentFilter>
    </transition>
    <div class="showLeft" @click="Change" ></div>
  </div>
</template>
<script>
import equipmentFilter from './tools/equipmentFilter.vue'

export default {
  components: {
    equipmentFilter
  },
  data () {
    return {
      isShowLeft: true,
    }
  },
  methods: {
    Change () {
      this.isShowLeft = !this.isShowLeft
    }
  },
  mounted () {
    window.viewInit();
  }
}
</script>
<style scoped>
.left {
  position: relative;
  height: 2144px
}
.showLeft {
  position: absolute;
  bottom: 20px;
  left: 40px;
  width: 134px;
  height: 134px;
  background: url("../../../../static/images/equipment/isShow.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
